<template>
  <el-container style="height: 1000px; border: 1px solid #eee">
    <el-aside width="20%" style="background-color: rgb(238, 241, 246)">
      <el-menu :default-openeds="['1', '3']">
        <el-menu-item index="1-2"><router-link to="/evaluation">我的测评</router-link></el-menu-item>
        <el-menu-item index="1-2"><router-link to="/evaluation">作业</router-link></el-menu-item>
        <el-menu-item index="1-2"><router-link to="/evaluation">资料</router-link></el-menu-item>
        <el-menu-item index="1-2"><router-link to="/evaluation">错题集</router-link></el-menu-item>
        <el-menu-item index="1-2"><router-link to="/evaluation">学习记录</router-link></el-menu-item>
      </el-menu>
    </el-aside>

    <el-container>
      <el-header style="text-align: right; font-size: 12px">
      </el-header>
      <el-main>
        <el-table
          height="250"
          :data="tableData"
          style="width: 80%">
          <el-table-column
            prop="name"
            label="测评名称"
            width="180">
          </el-table-column>
          <el-table-column
            prop="date"
            label="测评时间"
            width="180">
          </el-table-column>
          <el-table-column
            prop="grade"
            label="成绩">
          </el-table-column>
          <el-table-column prop="operate" label="操作" width="200">
            <template slot-scope="scope">
              <router-link v-bind:to="'/abc/' + scope.row.title">{{
                scope.row.title
                }}查看</router-link>

            </template>
          </el-table-column>
        </el-table>
      </el-main>
    </el-container>
  </el-container>

</template>
<script>
  export default {
    data() {
      return {
        tableData: [{
          name: '测评一',
          date: '2022-05-04',
          grade: '89'
        }, {
          name: '测评二',
          date: '2012-06-04',
          grade: '93'
        }, {
          name: '测评三',
          date: '2022-06-05',
          grade: '94'
        }, {
          name: '测评四',
          date: '2022-06-07',
          grade: '88'
        },{
          name: '测评五',
          date: '2022-06-07',
          grade: '90'
        },{
          name: '测评六',
          date: '2022-06-07',
          grade: '95'
        }
        ]
      }
    }
  }
</script>


<style type="text/css">

</style>
